<template>
  <div class="m-geo">
    <i class="el-icon-location" />{{ $store.state.geo.position.city }}
    <nuxt-link class="changeCity" to="/changeCity">切换城市</nuxt-link>
    [香河 廊坊 天津]
  </div>
</template>

<script>
//import axios from "../../../api/utils/axios";
export default {
  data() {
    return {
      //position: ""
    };
  },
  // watch: {
  //   "$route.query.city": "setPoisition"
  // },
  mounted() {
    //this.fetchSomething();
    this.$store.dispatch("setPosition")
  },
  // mounted() {
  //   let self = this;
  //   console.log("开始执行");
  //   const key = "4VIBZ-5EVE4-VP4UR-DST4G-EURJT-MSB5L";
  //   self.$axios
  //     .get("/api/ws/location/v1/ip&key=" + key)
  //     .then(({ status, data }) => {
  //       console.log(status);
  //       if (status === 200) {
  //         console.log(data);
  //         if (data && data.ad_info) {
  //           self.position = data.ad_info.city;
  //         } else {
  //           self.position = "未找到位置";
  //         }
  //       } else {
  //         self.position = "未找到位置";
  //       }
  //     });
  // },
  methods: {
    // setPoisition() {
    //   // 解决路由切换，页面不更新的实用方法
    //   if (this.$route.path == "/") {
    //     // 请求数据的方法
    //     this.position = this.$route.query.city
    //   }
    // },
    // async fetchSomething() {
    //   const { data } = await this.$axios.get(
    //     "api/ws/location/v1/ip?key=4VIBZ-5EVE4-VP4UR-DST4G-EURJT-MSB5L"
    //   );
    //   if (data.status === 0) {
    //     if (data.result.ad_info.city) {
    //       this.position = data.result.ad_info.city;
    //     } else {
    //       this.position = "未找到位置";
    //     }
    //   } else {
    //     this.position = "未找到位置";
    //   }
    // }
  }
};
</script>
